<script setup>


</script>

<template>
    <RouterView />
</template>
<style>
#app {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    height: 100vh; /* 设置高度为视口高度 */
    width: 100%;
    margin: 0;
    padding: 0;
  }
  
/* 移除按钮点击后的黑色边框 */
button:focus {
  outline: none;
}

/* 修改nprogress的样式 */
#nprogress .bar {
  background-color: #5b705f;
  height: 3px;
}

/* 全局修改drawer的header的高度*/
.el-drawer__header {
    margin-bottom: 0px !important; /* 你想要的高度 */
}

.el-card__header {
  height: 60px; /* 设置你想要的高度 */
}
.pageContainer {
  --tw-bg-opacity: 1;
  background-color: rgba(243, 244, 246, var(--tw-bg-opacity));
  width: 100%;
  height: 100%;
  padding: 48px 20px 0 20px;
}

.el-loading-mask {
    background-color: rgb(0 0 0/0.2);
    @apply rounded;
}

/* 表格样式 */
.el-table .warning-row {
    --el-table-tr-bg-color: var(--el-color-warning-light-9);
}

.el-table .success-row {
    --el-table-tr-bg-color: var(--el-color-success-light-9);
}

/* 设定表格的行高，以及字体大小 */
.el-table .cell {
  height: 23px;
  font-size: 13px;
}

/* 设定表格中的按钮，字体大小 */
.el-table .el-button {
  font-size: 13px;
}

.el-dialog__header {
  padding-bottom: 0;
}

.el-dialog__footer {
  padding-top: 0;
}

/* 全局修改滚动条效果*/
::-webkit-scrollbar{
  width: 6px;
  height: 6px;
}
::-webkit-scrollbar-corner{
  display: block;
}
::-webkit-scrollbar-thumb{
  border-radius: 8px;
  background-color: rgba(0,0,0,0.2);
}
::-webkit-scrollbar-thumb,
::-webkit-scrollbar-track{
  border-right-color: transparent;
  border-left-color: transparent;
  background-color: rgba(0,0,0,0.1);
}
</style>
